/* 重置/添加 element-plus 样式 */

.el-icon {
  cursor: pointer;
  vertical-align: bottom;
}
.el-icon.hover {
  transition: color 0.3s;
}
.el-icon.hover:hover {
  color: var(--el-color-primary);
}

/* drawer 样式 */
.el-drawer__header.header-drawer {
  --el-drawer-padding-primary: 10px;
  margin-bottom: 0;
}
.el-drawer__body {
  --el-drawer-padding-primary: 10px;
}

/* dialog 样式 */
.el-overlay .el-overlay-dialog {
  overflow: hidden;
}
.el-dialog.dialog {
  max-height: 95vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translate(0, 0);
  --el-dialog-padding-primary: 10px;
  transition: width 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
    height 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.el-dialog.is-fullscreen.dialog {
  --el-dialog-width: 98vw;
  max-height: 96vh;
  margin: 2vh auto;
  border-radius: var(--el-dialog-border-radius);
}
.dialog .dialog_footer {
  position: sticky;
  right: 0;
  bottom: 0;
  background: var(--el-dialog-bg-color);
  border-top: 1px solid var(--el-border-color);
}
.dialog .dialog_header {
  border-bottom: 1px solid var(--el-border-color);
}
.dialog_body {
  flex: 1;
  overflow: auto;
  padding: var(--el-dialog-padding-primary);
}

/* Card  样式 */
.el-card {
  border-radius: var(--baseBorderRadius);
}
.el-card .el-card__header {
  --el-card-padding: 15px;
}
.el-card .el-card__body {
  --el-card-padding: 15px;
}
/* Button */
body .el-button + .el-button {
  margin-left: 4px;
}

/* Collapse */
.el-collapse {
  border-radius: var(--baseBorderRadius);
  overflow: hidden; /* 解决 border-radius 无效 */
  background: var(--bg-primary);
}
.el-collapse .el-collapse-item__title {
  padding: 0 15px;
}
.el-collapse .el-collapse-item__content {
  padding: 10px 20px;
}
.el-collapse-item.is-active .el-collapse-item__header {
  border-bottom: 1px solid var(--border-color);
}
/* Link */
body .el-link {
  vertical-align: initial;
}

/* Checkbox */
.el-checkbox {
  overflow: hidden;
}
.el-checkbox .el-checkbox__label {
  text-overflow: ellipsis;
  overflow: hidden;
}
.el-segmented .el-segmented__item {
  background: var(--bg-primary);
  --el-border-radius-base: var(--baseBorderRadius);
}
/* .el-scrollbar__view {
  height: 100%;  可以滚动 但不会出现滚动条?
} */
html {
  background: var(--bg-primary);
}
:root {
  --el-bg-color: var(--bg-primary);
  --el-bg-color-page: var(--bg-secondary);
  --el-bg-color-overlay: var(--bg-primary);
  --el-menu-bg-color: var(--bg-primary);
  --el-fill-color-blank: var(--bg-primary);
}
html .el-tabs--border-card > .el-tabs__header {
  background-color: var(--bg-primary);
}
html .el-tabs--border-card {
  background: var(--bg-primary);
  border: 1px solid var(--border-color);
}
